#overflow {
overflow:hidden;
}

a.wave-like-buttons span {
		-moz-border-radius: 4px;
		border-radius: 4px;
		border-color: #FFFFFF transparent transparent #FFFFFF;
		border-style: solid;
		border-width: 1px;
display: inline;
		 font-size: 11px;
height: 19px;
		line-height: 19px;
padding: 0 10px;
cursor:pointer;
}

a.wave-like-buttons {
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #DDDDDD;
		background-image: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD);
		background-image: -webkit-gradient(linear,left top, left bottom , from(#FFFFFF), to(#DDDDDD));
		background-repeat: repeat-x;
border: 1px solid #B2B2B2;
color: #000000;
display: inline-block;
		 text-decoration:none;
cursor:pointer;
}	

a.wave-like-buttons span:active {
		border-style: none;
display: inline;
		 font-size: 11px;
height: 19px;
		line-height: 19px;
padding: 0 10px;
cursor:pointer;
}

a.wave-like-buttons:active {
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #000000;
		background-image: none;
		background-repeat: repeat-x;
border: 1px solid #B2B2B2;
color: #FFFFFF;
display: inline-block;
		 text-decoration:none;
cursor:pointer;
}

a.wave-like-buttons:hover {
		border-color: #000000;
}

a.selected-wave-like-buttons span {
display: inline;
		 font-size: 11px;
height: 19px;
		line-height: 19px;
padding: 0 10px;
cursor:pointer;
}

a.selected-wave-like-buttons {
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #789E35;
border: 1px solid #B2B2B2;
color: #FFFFFF;
display: inline-block;
		 text-decoration:none;
cursor:pointer;
}

a.selected-wave-like-buttons:active {
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #000000;
		background-repeat: repeat-x;
border: 1px solid #B2B2B2;
color: #FFFFFF;
display: inline-block;
		 text-decoration:none;
cursor:pointer;
}

a.selected-wave-like-buttons:hover {
		border-color: #000000;
}

#mainContent {
display:none;
width:100%;
	  min-width:400px;
}

#indicationsDiv {
position: relative;
height: 30px;
width: 100%;
	   text-align: center;
	   font-size: 14px;
	   font-weight: bold;
	   white-space: nowrap;
}

#OLDcontrolDiv {
float: left;
}

#OLDobjectDiv {
float:right;
	  margin-right: 0.5em;
}

#OLDcontrolDiv, #OLDobjectDiv {
width:49%;
height: 70px;
		white-space: nowrap;
}

.roundShadow {
position: relative;
		  border-radius: 5px;
		  box-shadow: 5px 5px 5px #CCCCCC;
		  -webkit-box-shadow: 5px 5px 5px #CCCCCC;
		  -moz-border-radius: 5px;
		  -moz-box-shadow: 5px 5px 5px #CCCCCC;
}

.divTitle {
display: block;
		 font-family: arial, sans-serif;
		 font-size: 13px;
height: 24px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-left: 1px solid #86B7ED;
		border-left-width: 1px;
		border-left-color: #86B7ED;
		border-left-style: solid;
		background-color: #5590D2;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#61A7F2), to(#5590D2));
		background-image: -moz-linear-gradient(center top , #61A7F2, #5590D2);
}

.divTitle p {
overflow: hidden;
position: absolute;
color: #FFFFFF;
cursor: default;
		line-height: 1;
margin: 6px 64px 0px 7px;
}

.divContent {
width: 100%;
	   background-color: #C9E2FC;
	   border-bottom-left-radius: 5px;
	   border-bottom-right-radius: 5px;
	   -moz-border-radius-bottomleft:5px;
	   -moz-border-radius-bottomright:5px;
}

#OLDcontrolButtons, #OLDobjectButtons {
overflow: auto;
height: 46px;
}

#drawingDiv {
float: left;
width: 99.99%;
}

#canvasTitle {
width: 99.99%; /* for perfect alignment */
position: relative;
}

#canvasContainer { 
width: 99.99%;
overflow: auto;
position: relative;
		  -moz-border-radius-bottomleft:5px;
		  -moz-border-radius-bottomright:5px;
		  -webkit-border-bottom-left-radius:5px;
		  -webkit-border-bottom-right-radius:5px;
		  border-bottom-left-radius:5px;
		  border-bottom-right-radius:5px;
background: #8b8b8b; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#7a7a7a)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #a9a9a9,  #7a7a7a); /* for firefox 3.6+ */
}

#OLDauxMenuWrapper {
float: left;
width: 100%;
display: block;
}

.OLDauxMenuSlideButton {
float: left;
cursor: pointer;
}

#OLDauxMenuContent a {
display:block;
}

#drawingCanvas { 
position: absolute;
border: 1px solid #000000;
		background-color: #FFFFFF;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

#textCanvas {
position: absolute; 
top: 1px; 
left: 1px; 
}

#imageTemp { 
position: absolute; 
top: 1px; 
left: 1px; 
}

#buttons {	
position: relative;
display: table-row;
}

.tapa-botones {
width: 100%;
height: 40px;
position: absolute;
		  background-color: #000000;
opacity: 0.5;
		 -moz-opacity: 0.5;
		 -khtml-opacity: 0.5;
}

#participantsList {
padding: 7px;
}

#OLDauxMenuDiv {
position: absolute;
top:200px;
left:250px;
}

#menu {
float: left;
}

#canvasContainer, #menuContainer {
height:350px;
}

#menuContainer {
border: #5590D2 4px solid;
padding: 5px;
		 background-color: #C9E2FC;
color: #000000;
}

#auxMenuContent a {
display:block;
}

.menuButton {
background: no-repeat top;
width: 30px;
height: 30px;
		-moz-border-radius: 4px;
		border-radius: 4px;
cursor:pointer;
}

.menuButton:hover {
		border-color: #BBBBBB;
}

.menuButton:active {
		border-color: #FF0000;
}

.selectedMenuButton {
background: no-repeat top;
width: 30px;
height: 30px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border-color: #FF0000;
cursor:pointer;
}

/*


   a.wave-like-buttons:active {
   -moz-border-radius: 4px;
   border-radius: 4px;
   background-color: #000000;
   background-image: none;
   background-repeat: repeat-x;
border: 1px solid #B2B2B2;
color: #FFFFFF;
display: inline-block;
text-decoration:none;
cursor:pointer;
}
a.selected-wave-like-buttons {
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #789E35;
border: 1px solid #B2B2B2;
color: #FFFFFF;
display: inline-block;
text-decoration:none;
cursor:pointer;
}

a.selected-wave-like-buttons:active {
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #000000;
background-repeat: repeat-x;
border: 1px solid #B2B2B2;
color: #FFFFFF;
display: inline-block;
text-decoration:none;
cursor:pointer;
}
 */




#selectButton {
		background-image: url('images/select.png'), -moz-linear-gradient(center top, #FFFFFF, #DDDDDD);
		background-image: url('images/select.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
		background-position: center;
}
#zoomInButton {
		background-image: url('images/zoomIn.png'), -moz-linear-gradient(center top, #FFFFFF, #DDDDDD);
		background-image: url('images/zoomIn.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
		-moz-background-size: 30px 30px, 30px 30px; /* only firefox needs this */
		background-size: 30px 30px, 30px 30px; /* rest of browsers */
		background-position: center;
}
#zoomOutButton {
		background-image: url('images/zoomOut.png'), -moz-linear-gradient(center top, #FFFFFF, #DDDDDD);
		background-image: url('images/zoomOut.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
		-moz-background-size: 30px 30px, 30px 30px; /* only firefox needs this */
		background-size: 30px 30px, 30px 30px; /* rest of browsers */
		background-position: center;
}
#eraseButton {
		background-image: url('images/erase.png'), -moz-linear-gradient(center top, #FFFFFF, #DDDDDD);
		background-image: url('images/erase.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
		background-position:50% 125%;
}

#entityButton {
		background-image: url('images/entity.png'), -moz-linear-gradient(center top, #FFFFFF, #DDDDDD);
		background-image: url('images/entity.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
		background-position: center;
}
#relationButton {
		background-image: url('images/relation.png'), -moz-linear-gradient(center top, #FFFFFF, #DDDDDD);
		background-image: url('images/relation.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
		-moz-background-size: 30px 30px, 30px 30px; /* only firefox needs this */
		background-size: 30px 30px, 30px 30px; /* rest of browsers */
		background-position: center;
}
#lineButton {
		background-image: url('images/line.png'), -moz-linear-gradient(center top, #FFFFFF, #DDDDDD);
		background-image: url('images/line.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
		background-position: center;
}
#doubleLineButton {
		background-image: url('images/doubleLine.png'), -moz-linear-gradient(center top, #FFFFFF, #DDDDDD);
		background-image: url('images/doubleLine.png'), -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
		background-position: center;
}

.menuButton::-moz-focus-inner {
border: 0; /* removes the highlighting of buttons in firefox */
}

.menu_newline {
width: 100%;
height: 1px;
		background-color: #5590D2;
}

.menu_newline_inv {
border: 0px;
}
